<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人来丰</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/addGroup.css">
</head>
<body>
<div class="main">
    <div class="addGroup__header">
        <div class="addGroup__header__con">
            <img src="image/back.png" class="addGroup__header_img">
            <span>加群加好友</span>
        </div>
    </div>
    <div class="addGroup__content">
        <div class="addGroup__content__box">
            <div class="addGroup__content__prompt">
                <div>
                    <span></span><span>免费申明：</span>
                </div>
                <div>
                    发布前请先取消“加好友/加群”验证，否则只要用户提交“申请成功”截图即视为完成悬赏
                </div>
            </div>
        </div>
        <hr style="outline: none;border: 0;width: 100%;height: 0.1rem;background: #f4f4f4;margin: 0;">
        <div class="addGroup__content__box">
            <div class="addGroup__content__msg">
                <span></span><span>填写基本信息</span>
            </div>
            <div class="addGroup__content__name">
                <h2>公众号名称</h2>
                <input type="text" placeholder="最多10个字">
            </div>
        </div>
        <hr style="outline: none;border: 0;width: 100%;height: 0.1rem;background: #f4f4f4;margin: 0;">
        <div class="addGroup__content__box">
            <div class="addGroup__content__msg">
                <span></span><span>设置步骤</span>
            </div>
            <div class="addGroup__content__name">
                <h2>上传二维码</h2>
                <img src="image/more_2.png" alt="">
            </div>
            <div class="addGroup__content__name">
                <h2>上传关注成功示例图</h2>
                <img src="image/more_2.png" alt="">
            </div>
        </div>
        <hr style="outline: none;border: 0;width: 100%;height: 0.1rem;background: #f4f4f4;margin: 0;">
        <div class="addGroup__content__box">
            <div class="addGroup__content__msg">
                <span></span><span>预付赏金</span>
            </div>
            <div class="addGroup__content__name">
                <h2>悬赏单价</h2>
                <input type="text" placeholder="悬赏单价最低0.1元">
            </div>
            <div class="addGroup__content__name">
                <h2>总名额</h2>
                <input type="text" placeholder="最少10人">
            </div>
            <div class="addGroup__content__name">
                <h2>展示到</h2>

                <img src="image/more_2.png" alt="">
                <span>选择截取时间</span>
            </div>

        </div>
        <div class="addGroup__content__total">
            <div>
                <span></span><span>悬赏预算</span><span>100元</span>
            </div>

        </div>
    </div>
    <div class="addGroup__module">
        <div class="addGroup__module__con">
            <div class="addGroup__module__upload">
                <div>上传图片</div>
                <div>立即拍照</div>
                <div>从相册中选取</div>
            </div>
            <hr style="outline: none;border: 0;width: 100%;height: 0.1rem;background:transparent;margin: 0;">
            <div class="addGroup__module__cancel">
                取消
            </div>
        </div>
    </div>
    <div class="addGroup__footer">
        <a class="addGroup__footer__next" href="#">申请发布</a>
    </div>
</div>
<script src="js/jquery-3.2.1.js"></script>
</body>
</html>